<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/jquery-3.7.1.min.js"></script>
</head>
<body>
<ul>
    <li id="bj" name="beijing" class="c1">北京</li>
    <li id="sh" name="shanghai">上海</li>
</ul>

<input type="checkbox" id="hobby" class="i1">爱好
<p></p>
<script>

    $(function () {
        // 获取id=bj的属性name的值
        let name = $("#bj").attr("name")
        // alert(name)
        // 修改id=bj的属性name的值为 ： 北京
        $("#bj").attr("name", "北京")
        $("#bj").attr("class", "北京")

        // 移除id=bj的属性name
        $("#bj").removeAttr("name")


        // let p = $("#hobby").prop("type")
        // alert(p)
        $("#hobby").prop("abc","123")
        alert($("#hobby").prop("abc"))

        $("#hobby").removeProp("abc")
        alert($("#hobby").prop("abc"))
    })

</script>

</body>
</html>